// pages/singer/singer.js
const {
  get_singerList
} = require("../../utils/ajax")

Page({

  /**
   * 页面的初始数据
   */
  data: {
    typeList1: ["热门", ..."ABCDEFGHIGKLMNOPQRSTUVWXYZ".split("")],
    index1: 0,
    typeList2: ["全部", "华语男", "华语女", "华语组合", "日韩男", "日韩女", "日韩组合", "欧美男", "欧美女", "欧美组合", "其他"],
    index2: 0,
    singerList: [],
    page: 1
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 初始化歌手列表
    this.getSingerList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    this.data.page++
    this.getSingerList()
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  // 切换分类
  changeType1(e) {
    this.setData({
      index1: e.currentTarget.dataset.index,
      singerList:[],
      page:1
    },()=>{
      this.getSingerList()
    })
  },
  changeType2(e) {
    this.setData({
      index2: e.currentTarget.dataset.index,
      singerList:[],
      page:1
    },()=>{
      this.getSingerList()
    })
  },
  // 获取歌手列表
  getSingerList() {
    let option = {
      category: this.data.index2,
      pn: this.data.page,
      rn: 8
    }
    this.data.index1 && (option.prefix = this.data.typeList1[this.data.index1])
    get_singerList(option).then(res => {
      this.setData({
        singerList:[...this.data.singerList,...res.data.artistList]
      })
    })
  }
})